<template>
<view class="clientMySearch">
	<uni-easyinput v-model="name" placeholder="请输入名称/联系人" />
	
	<uni-easyinput v-model="phone" placeholder="请输入手机号" />
	
	<uni-data-select v-model="stage"  placeholder="请选择跟进阶段" :localdata="stages"/>
	
	<uni-data-select v-model="unfollowedDay" placeholder="请输入未跟进天数" :localdata="unfollowedDays"/>
	
	<uni-data-select v-model="class"  placeholder="请选择客户等级" :localdata="classs"/>
	
	<!-- <uni-data-select v-model="clientPool"  placeholder="请选择客户池" /> -->
	
	<uni-data-select v-model="source"  placeholder="请选择来源渠道" :localdata="sources"/>
	
	<uni-data-select v-model="label"  placeholder="请选择标签" :localdata="certifications"/>
	
	<uni-data-select v-model="car"  placeholder="请选择车产" :localdata="cars"/>
	
	<uni-data-select v-model="house"  placeholder="请选择房产" :localdata="houses"/>
	
	<!-- <uni-data-select v-model="principal"  placeholder="请选择跟进人" /> -->
	
	<uni-easyinput v-model="remark" placeholder="备注"></uni-easyinput>
	
	<uni-easyinput v-model="record" placeholder="跟进记录"></uni-easyinput>
	
	<uni-data-select v-model="work"  placeholder="请选择部门" :localdata="works"/>
	
	<uni-datetime-picker
		start-placeholder="创建时间"
		end-placeholder="创建时间"
		v-model="upload_time"
		type="daterange"
	/>
	
	<view class="btn_box">
		<button class="btn" type="default" size="mini" @click="reset">重置</button>
		<button class="btn" type="primary" size="mini" @click="search">搜索</button>
	</view>
</view>

<view class="tip">
	<uni-icons type="notification-filled"></uni-icons>
	<view class="tip_info">
		提示：您当前有<span>0位</span>线索未跟进。<span>26位</span>客户即将被回收（其中3星以上客户24位），五天以上未跟进客户<span>33位</span>，三天以上未跟进客户<span>69位</span>
	</view>
</view>
</template>

<script>
import { 
	educations,
	identitys,
	works,
	incomes,
	credits,
	certifications,
	stages,
	unfollowedDays,
	sources,
	cars,
	houses,
	classs
} from '@/common/formItemSelect.js'
export default{
	data(){
		return {
			name: "",
			sex: "",
			phone: "",
			age: "",
			// 资金
			demand: "",
			// 学历
			education: "",
			// 身份
			identity: "",
			// 单位类型
			work: "",
			works:[],
			// 税前收入
			income: "",
			// 征信
			credit: "",
			// 资质
			certification: [],
			// 备注信息
			remark: "",
			// 提交时间
			upload_time: "",
			
			
			clientPool: "",
			sourc: "",
			
			// 房产
			house: "",
			houses: [],
			// 车产
			car:"",
			cars:[],
			principal: "",
			record: "",
			// 标签
			label: "",
			certifications:[],
			// 来源渠道
			source: "",
			sources: [],
			// 客户等级
			class: "",
			classs: [],
			// 跟进阶段
			stage:"",
			stages:[],
			// 未跟进天数
			unfollowedDay: "",
			unfollowedDays: []
			
		}
	},

	mounted() {
		this.educations = educations
		this.identitys = identitys
		this.works = works
		this.incomes = incomes
		this.credits = credits
		this.certifications = certifications
		this.stages = stages
		this.unfollowedDays = unfollowedDays
		this.sources = sources
		this.houses = houses
		this.cars = cars
		this.classs = classs
		
	},
	
	methods:{
		reset(){
			
		},
		
		search(){
			
		}
	}
}
</script>

<style lang="scss" scoped>
.clientMySearch{
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); 
	grid-gap: 10px 20px;
	.btn_box{
		width: 100%;
		display: flex;
		justify-content: center;
		.btn{
			display: flex;
			justify-content: center;
			align-items: center;
			padding: 0 26px;
		}
	}
}

.tip{
	height: 36px;
	line-height: 36px;
	width: 100%;
	background-color: #f1f1f1;
	padding-left: 30px;
	box-sizing: border-box;
	margin-top: 10px;
	display: flex;
	.tip_info{
		margin-left: 10px;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}
	span{
		color: red;
	}
}

</style>